<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<!-- 
				jsonp解决跨域：
						1.原理：利用script标签不受同源策略的限制
						2.弊端：
								(1).只能解决GET请求的跨域；
								(2).需要后端人员配合；
		-->
		<button onclick="getData()">点我获取数据</button>
		<script type="text/javascript" >
			function getData(){
				window.abc = function(a){
					console.log('demo被调用了',a)
				}
				//创建script节点
				const script = document.createElement('script')
				//指定节点的src属性
				script.src = 'http://localhost:5001/test?callback=abc'
				//节点放入body中
				document.body.appendChild(script)
				//删除该节点
				document.body.removeChild(script)
			}
		</script>
		<!-- <script src="http://localhost:5001/test"></script> -->
	</body>
</html>